/** Tailwind CSS */
@import "tailwindcss";

/** GitHub Primer Design System */
@import "@primer/css/dist/primer.css";

/** Tailwind CSS Configuration */
@config "../../tailwind.config.ts";

html,
body,
#root {
  height: 100%;
  -webkit-user-select: none;
}

*::-webkit-scrollbar {
  width: 10px;
}

*::-webkit-scrollbar-track {
  background-color: var(--gitify-scrollbar-track);
}

*::-webkit-scrollbar-thumb {
  background-color: var(--gitify-scrollbar-thumb);
  border-radius: 10px;
}

*::-webkit-scrollbar-thumb:hover {
  background-color: var(--gitify-scrollbar-thumb-hover);
}

body {
  font-family:
    -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu",
    "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
  margin: 0;
  cursor: default;
}

/**
 * Set emoji size according to surrounding text.
 * Ref: https://github.com/jdecked/twemoji?tab=readme-ov-file#inline-styles
 */
img.emoji {
  height: 1em;
  width: 1em;
  margin: 0 0.05em 0 0.1em;
  vertical-align: -0.1em;
}
